<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>排版</title>
</head>
<body>
<!--h1-6-->
<!--p-->
<!--字体修饰 ： i b u ---》富文本插件-->
<h1>标题</h1>
<p>段<i>落</i></p>
<p>段<b>落</b></p>

<p>
    x<sup>2</sup> +1 = 23
    x<sub>1</sub> = 23
</p>
<!--
  1. ul
  2. ol
  3. dl
-->
<ul>
    <li>项目1</li>
    <li>项目1</li>
</ul>

<ol>
    <li>项目1</li>
    <li>项目1</li>
</ol>
<dl>
    <dt>项目</dt>
    <dd>项目1</dd>
    <dd>项目2</dd>
</dl>
<!--
   嵌套
-->
<ul>
    <li>项目1
        <ul>
            <li>项目1-1</li>
            <li>项目1-2</li>
        </ul>
    </li>
    <li>项目1</li>
</ul>



</body>
</html>